/* div 下的所有p元素，支持深层遍历 */
/* div p {
  color: red;
} */

/* div下的直接子元素，不支持深层遍历 */
/* div > p {
  color: red;
} */

ul > li {
  color: green;
}

/* 紧跟在 <h2> 标签之后的 <p> 标签 */
h2 + p {
  color: red;
}

p + span {
  font-weight: bold;
}

/* 跟在 selectorA 元素之后的所有同级 selectorB 元素 */
h2 ~ p {
  color: blue;
}

/* 既符合A又符合B */
.text.large {
  color: red;
}

/* 同时为多个选择器设置样式 */
div,
p,
h1 {
  color: green;
}
